import * as React from "react";
import { StyleSheet, Text, View } from "react-native";
import Video from "react-native-video";

export default class VideoPlayer extends React.Component{
  render() {
    return(
      <View style={styles.box}>
        <Video style={styles.v1}></Video>
        <View style={styles.box1}>
          <Text>0.5</Text>
          <Text>1.0</Text>
          <Text>1.5</Text>
          <Text>2.0</Text>
        </View>

      </View>
    )
  }
}


const styles=StyleSheet.create({
  box:{
    width:'100%',
    height:'100%',
    backgroundColor:'#efd961'
  },
  v1:{
    flex:6
  },
  box1:{
    flex: 1,
    justifyContent:'center',
    alignItems:'center',
    flexDirection:'row',
    backgroundColor: '#2aa32d'
  }
})
